<template>
    <div>
        <div>Detail</div>
        <hr />
        <!-- <img src="/wx_souyisou.png" style="width: 150px;" /> -->
        <!-- <img :src="wximg" style="width: 150px;" /> -->
        <hr>
        <div>
            <ul>
                <li v-for="item of data">{{item.title}}</li>
            </ul>
        </div>
    </div>
</template>

<script setup lang="ts">
//@ts-ignore
// import wximg from './wx_souyisou.png'
//const {data:categories } = await useFetch('http://localhost:8182/web/article/categories')
//const { data: tags } = await useAsyncData('tags', () => useFetch('http://localhost:8182/web/article/categories',{server:true}))
//const { data: tags } = await useAsyncData('tags', () => $fetch('/api/tags'))
const { data } = await useHttp("/web/article/categories")

</script>